<script>
import {selectSuspendNoticeList} from "@/api/appointmentScheduler";

export default {
  name: "SuspensionNotice",
  data(){
    return{
      suspendNoticeList:[]
    }
  },
  created() {
    this.load();
  },
  methods:{
    load(){
      selectSuspendNoticeList().then(res=>{
        this.suspendNoticeList=res.data;
        console.log(this.suspendNoticeList);
      })
    }
  }
}
</script>
<template>
<el-scrollbar style="height: 80vh;" :native=false wrapStyle="overflow-x:hidden;" wrapClass="" viewClass="" viewStyle="" :noresize=false tag="section" >
  <el-timeline style="width: 500px;margin-left: 20px">
    <el-timeline-item placement="top" :timestamp="item.updateTime" v-for="(item,index) in suspendNoticeList" :key="index" size="large" type="info">
      <el-card style="line-height: 40px">
        <p style="font-weight: bolder">{{item.departmentName}}</p>
        <p><span style="color: maroon">{{item.doctorName}}：</span>{{item.workDate}}{{item.dayPart}}停诊</p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
  </el-scrollbar>
</template>

<style scoped>

</style>